<template>
  <div class="team">
<!--    <div class="sub-title mt-4 ml-4">专家团队</div>-->
    <team-com :currentDepartmentId="currentDepartmentId" :showNav="showNav" :team="team" :company="company" :total="total" @change="onChange"></team-com>
  </div>

</template>

<script>
  import teamCom from "@/components/teamCom"

  export default {
    props: ['team', 'total', 'company', 'showNav','currentDepartmentId'],
    computed: {},
    data() {
      return {

      }
    },
    components: {
      teamCom
    },
    mounted() {

    },
    methods: {
      onChange(pagination) {
        this.$emit('change', pagination)
      }
    }
  }
</script>

<style lang="less" scoped>
  @import "~assets/style/public";

  .team {
    ul, li {
      list-style: none;
    }
    .sub-title{
      font-family: MicrosoftYaHeiUI;
      font-size: 18/@size;
      color: @theme-color;
      letter-spacing: 0;
    }

  }

  @media (min-width: 320px) and (max-width: 767px) {
    .team {
      .sub-title{
        font-family: @font-title;
        font-size: @font-28;
      }

    }
  }
</style>
